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ABSTRACT 


Aim: Metabolic Syndrome has become one of the most severe health problems of the 21st century. In India, the overall preva¬ 
lence of metabolic syndrome among adolescents is 4.2 per cent. World Wide Web has become indispensable and the most 
effective distribution channel in this era of digital technology and is convenient to use and capable of reaching adolescents. With 
this in view, the present study aimed to develop an interactive website on metabolic syndrome, impart nutrition education with 
the developed website and evaluate its impact on the nutritional knowledge of obese adolescent girls (16-18 years). 

Methodology: An informative, responsive website was developed with the domain name metabolicsyndrome-km.com. The 
website included information on metabolic syndrome, causes, symptoms, risk factors, criteria to diagnose metabolic syndrome, 
diet plan for adolescents with metabolic syndrome, basic food groups, recommended daily allowances, indicator of metabolic 
syndrome and body mass index calculations. 

Result: The website was developed using Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) and Adobe 
Photoshop. The calculations and the questionnaire were computed using PHP: Hypertext Preprocessor and JavaScript. The 
software applications used to create HTML for the nutrition website was Dreamweaver. 

Discussion: Obese adolescent girls (198) were educated and instructed to visit the developed metabolic syndrome website and 
changes in their nutritional knowledge and was evaluated. The nutritional knowledge attained through the website was evaluated 
by using a control panel with username and password url in which the viewers posted their questionnaire. A significant increase 
in nutritional knowledge after imparting nutrition education among obese adolescent girls was observed (p<0.01). 

Conclusion: The findings from this study provide a primary intervention strategy to increase awareness and promote healthy 
lifestyle among adolescents through advanced methods of nutrition education. 
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INTRODUCTION 

Adolescence is a prime time for health promotion and for 
establishment of healthy behavior that influence health in 
later years. They are at high risk for nutritional morbid¬ 
ity '. Nutritional problems among adolescents are under 
nutrition, anemia, overweight or obesity, polycystic ovar¬ 
ian syndrome, eating disorder and metabolic syndrome it 
is common among adolescents throughout the world it not 
only affect their growth and development but also in future 
would their livelihood as adults 2 .India alone has 105 million 
adolescent girls and among them an overall prevalence of 
metabolic syndrome is 4.2 in 16-18 years age group 3 . Diet 


of today’s preadolescents and adolescents are low in fruits, 
vegetables, dairy products, whole grains, and high in total 
fats, saturated fats and added sugars 4 . Changes in dietary 
habits are important in the treatment of metabolic syndrome. 
Nutrition health education is an effective method to improve 
the dietary behavior and provides great opportunity to learn 
about the essentials of nutrition for health and to take steps 
to improve the quality of their diets, thus their well 5 . Ninety 
three per cent of adolescents in the age groups of 16-18 years 
go online for nutrition information and the internet has be¬ 
come indispensable for various instrumental purposes 6 . With 
this in view, the objectives for the study were to develop an 
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interactive website on metabolic syndrome, impart nutrition 
education using the developed Website and evaluate the im¬ 
pact of nutrition education on Obese adolescent girls. 

METHODOLOGY 

1. Assessment of Nutritional Knowledge, Attitude and 
Practices (KAP) of selected obese adolescent girls. 

A specially designed pre-tested questionnaire which com¬ 
prised of 35 multiple choice questions was formulated to 
assess the nutritional knowledge, attitude and practices of 
selected obese adolescent girls. 

2. Framing the content for the website 

The topics considered for the content which aimed to incul¬ 
cate nutritional knowledge on metabolic syndrome among 
the adolescents were Causes & symptoms of metabolic syn¬ 
drome, Risk factors of metabolic syndrome, Treating and 
preventing of metabolic syndrome, Healthy food guide, Rec¬ 
ommended Dietary Allowance, Basic Food groups, Dietary 
plan for metabolic syndrome and Body Mass Index Indica¬ 
tor for metabolic syndrome. A common logo was selected for 
all web pages in the website. The logo selected was “Small 
steps.right Direction” 

3. Website Development Process: The website was devel¬ 
oped with the expertise and help of a web programmer and 
designer as follows 

Site Architecture: The web architecture for navigation and 
select screens was determined by the web programmer; the 
screens and interactive tools were created by the web de¬ 
signer. 

Content-only Site Framework: A navigation map which 
outlines the structure of the entire web project, showing all 
pages within the site and the connections from one page to 
others was outlined. 

4. Website Production 

Templates: Templates were created for typical pages at all 
levels for the website. Templates are skeleton fdes used to 
make finished pages by inserting texts, graphics, and other 
contents at marked places in templates 7 . 

Client-side Programming: The Scripts included in the nu¬ 
trition website were style sheets and Java for the client- side 
programming. Client-side programs can make Web pages 
more interactive and responsive 8 . 

Server-side Programming: Jquery and JavaScript programs 
were used for form processing in Questionnaire of the meta¬ 
bolic syndrome website The Web would be much less useful 
without the ability to request and process user input data 9 . 

Typography: Typography is a very important element of 


Web design. The fonts used in the nutrition website were 
Arial. The font size used was 14. 

Images: Visual impact of shape, colour and contrast, web 
pages can be interesting graphically and will motivate the 
visitor to investigate their contents. Using images can en¬ 
hance almost any web pages if used appropriately 10 . 

Page Layout: Page layout is the part of graphic design that 
deals with the arrangement and style treatment of content on 
a page. 

Colour: Green colour was used in the main background, 
white colour was used as a background for the contents and 
black colour was used with fonts in the contents. 

5. Reviewing and Testing Website 

The Website was checked for any spelling mistakes and/ 
or grammatical errors. The page layout was checked for its 
consistency. The programming written was tested for correct 
values. After viewing the entire website before it was pub¬ 
lished, it was rated for its acceptance and satisfaction with 
the interface and navigation, tone, colour and content of the 
website and the spelling mistakes were corrected. 

6. Publishing the Website: Publishing a website is the pro¬ 
cess of making it available to the users. It involves actual 
uploading of the website to a server. 

Domain Name: Websites are accessed by an IP address or a 
domain name. A domain name should be easy to pronounce, 
spell and remember. It should also relate to the website con¬ 
tent. The domain name that was registered for the metabolic 
syndrome website was metabolicsyndrome-km.com. 

7. Uploading the Website: File Transfer Protocol (FTP) 
program was used to upload fdes containing each individual 
web page to the server. 

8. Programs and Tools Used 

HTML: HTML stands for Hypertext Markup Language. 
The software application used to create HTML for the meta¬ 
bolic syndrome website was Dreamweaver. 

Responsive Website: It is a responsive website and can be 
viewed easily in any device like computer monitors, tablets, 
mobiles, etc. 

PHP: PHP stands for PHP: Hypertext Preprocessor. Math¬ 
ematical calculations for Body Mass Index and Metabolic 
syndrome Calculations in the metabolic syndrome website 
were done using core PHP. 

JavaScipt: JavaScript is a programming language that en¬ 
hances HTML with animation, interactivity and dynamic 
visual effects. JavaScript programs were used to the correct¬ 
ness of the data input in the Questionnaire and Metabolic 
syndrome indicator calculation and calculate Your BMI 
forms on the client side. 
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Cascading Style Sheets: The Cascading Style Sheets (CSS) 
provides the designer the power to control design of the web¬ 
site 11 . From precise margins to pixel-perfect spacing to fonts 
and typefaces, CSS was used for the layout method in the 
metabolic syndrome 

Photoshop: Photoshop was used to make the background 
of the images transparent to merge in the webpage of the 
metabolic syndrome website. The website can be accessed at 

metabolicsyndrome-km.com. 

9. Implementation of Nutrition Education through the 
Developed Website 

Nutrition education using the developed website on meta¬ 
bolic syndrome was imparted by the following methods. 

1. The selected obese adolescent girls were instructed to 
assemble in a specific classroom fitted with an LCD 
projector and the investigator made the adolescent 
girls to view the website with the help of a laptop hav¬ 
ing internet facility. 

2. Since the adolescent girls were students, they were 
able to view the website in the computer laboratory 
available in their own campus with due permission 
from their faculty. 

3. The adolescent girls also viewed the website at their 
homes or in browsing centers and from their own laptops. 

10. Evaluation of the Impact of Nutrition Education 

Nutrition education was imparted to the obese adolescent 
girls and they were instructed to answer the questions posted 
in the questionnaire in the website and was evaluated by 
using control panel which is sent to the investigators email 
id by the website developers with username and password 
http://metabolicsyndromekm.com/admin-cp/. The post 
test questionnaire was also given in printed fonn .The post 
test was carried after duration of three months of nutrition 
education programme. The difference in scores of nutri¬ 
tional knowledge, attitude and practices was computed and 
analysed for any impact. Apart from this, the opinion of the 
selected obese adolescent girls on the developed website was 
assessed by administrating a designed opinionnaire. 

The research design and the protocols used in the study were 
submitted for scrutinisation and approval to the Institutional 
Ethical Committee and Ethical Clearance and an approval 
certificate No : AUW/IHEC-14-15/FHP/FSN-01 was ob¬ 
tained from Avinashilingam University for Women, Coim¬ 
batore, Tamilnadu, India 

RESULT 

Changes in mean scores for nutritional knowl¬ 
edge of obese adolescent girls 

The mean scores for nutritional knowledge of obese adoles¬ 
cent girls before and after education are presented in Table 1 


Table i: Changes in Mean Scores for Nutritional 
Knowledge of Obese Adolescent Girls before and af¬ 
ter Education 


Total Scores=i7 



16 

4.II ± 1.21 

14.36 ± 1.67 

10.25 ± °-46 

29.83 

17 

4.34+ I.3I 

H -93 ± 1-50 

10.6 ± 0.19 

42.17* 

18 

4.47 ± 1.22 

15.1111.49 

10.64 ± °- 2 7 

52 - 75 ' 


** Significant at i% 


Changes in mean scores for nutritional attitude 
of obese adolescent girls 

The mean scores for nutritional attitude before and after nu¬ 
trition education are presented in Table 2. 

Table 2: Changes in Mean Scores for Nutritional Atti¬ 
tude of Obese Adolescent Girls before and after Edu¬ 
cation 


Total Scores = 8 



16 

3.03 ± 0.92 

5.52 ± 0.87 

2.47 l 0.05 

10.88 

17 

3.27 ± 1.24 

5.55 ± 0.78 

2.28 1 0.46 

10.62' 

18 

3.64 ± 1.25 

5.481 0.84 

1.84 1 0.41 

13.30' 


** Significant at 1% 


Changes in mean scores for nutritional prac¬ 
tices of obese adolescent girls 

The changes in mean scores for nutritional Practices before 
and after nutrition education are presented in Table 3. 

Table 3: Changes in Mean Scores for Nutritional Prac¬ 
tices of Obese Adolescent Girls before and after Edu¬ 
cation 


Total Scores = 10 



16 

4 - 47 ±1 -°5 

4.52±1.02 

0.05 ± 0.03 

i.oo NS 

17 

4.6511.50 

4.73H.44 

0.08 1 0.06 

i. 39 ns 

18 

4.8811.53 

4.9111.51 

0.03 ± 0.02 

i.oo ns 


NS- Not Significant 
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Changes in the anthropometric profile of obese 
adolescent girls 

Changes in the anthropometric profile of obese adolescent 
girls before and after intervention are shown in Table 4 


Table 4: Changes in Mean Anthropometric Measure¬ 
ments of Obese Adolescent Girls before and after 
Education 



Weight (Kg) 

16 years 70.216.9 

70.116.8 

o.i±o.i 

0.08' 

17 years 

71.716.5 

71.216.4 

o.5±o.i 

0.46' 

18 years 

72 . 2 ± 7 .Q 

72.0+7.1 

0.2±0.1 

0.26 1 


Body Mass Index (BMI) 


16 years 

29.3±i.o 

29.2±1.1 

o.i±o.i 

0.20 ns 

17 years 

29-9±1.2 

29.612.7 

0.3H.5 

o.8o ns 

18 years 

30.111.8 

28.112.8 

o.i±i.o 

5.89* 

Waist Circumference (cm) 




16 years 

91.4+8.7 

90.918.6 

o.5±o.i 

0.24 ns 

17 years 

91.816.9 

91.3+6.7 

0.5±0.2 

o. 35 ns 

18 years 

92.317.85 

91.917.8 

o.4±o.o 

0.42 ns 

Body Fat Percentage (%) 




16 years 

37.812.8 

37.612.9 

0.2±0.1 

o.i9 ns 

17 years 

36.113.0 

36.013.0 

o.i±o.o 

0.27 ns 

18 years 

36.713.6 

36-5*3-5 

0.2±0.1 

Q. 42 ns 


* Significant at 5%; NS - Not Significant 

3. Opinion about the developed website 

Opinion about the developed website are presented in Table 
5 


Table 5: Information Obtained from the Opinionnaire n=i98 


Details 

No 

SA 

% 

No 

Obese adolescent girls 

A UD 

% No % No 

D 

% 

SDA 

No % 

Website was interesting 

151 

76.3 

47 

23-7 

- 

- 

- 

Website was easy to 

138 

69.7 

60 

30.3 

- 

- 

- 

understand 

Information provided was 

141 

71.2 

57 

28.8 

_ 

_ 

_ 

appropriate 

Website was easy to use 

158 

79.8 

40 

20.2 

. . . 

. 

. . 

Information provided was 

123 

62.1 

75 

37-9 

- 

- 

- 

useful 

Pictures, animations was 

162 

81.8 

36 

18.2 




effective 

The website can be 

174 

87.9 

24 

12.1 




recommended to friends 

Website was an effective 

159 

80.3 

39 

19.7 




educational tool 

Website requires further changes 





42 21.2 156 

78.8 



DISCUSSION 

The scores for nutritional knowledge before education were 
4.1 and it had increased to 14.4 after education among the 
obese adolescent girls in the age group of 16 years, while 
among the obese adolescent girls in the age group of 17 
years, the nutritional knowledge scores before education was 
4.3 and it had increased to 15.0 after education and among 
the obese adolescent girls in the age group of 18 years, the 


nutritional knowledge scores before education were 4.5 and 
it had increased to 15.1 after education. Statistical analysis 
revealed a significant difference (p<0.01) between the initial 
and final values indicating that nutrition education given for 
a period of three months improved the nutritional knowledge 
of adolescent girls. 

Nutrition education had changed the nutritional knowledge 
of the selected obese adolescent girls, but with regard to at¬ 
titude and practice no changes were observed. The findings 
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indicated that a longer period of intervention is necessary 
to bring modifications in the attitude and practices of ado¬ 
lescent girls which will have a long lasting impact on their 
behavior towards healthy life. 

The mean weight of obese adolescent girls was 70.2, 71.7 
and 72.2kg before intervention and had reduced to 70.1, 71.2 
and 72.0kg with a negligible difference of 0.1 to 0.5 after 
intervention. BMI of obese adolescent girls was found to be 
29.3, 29.9 and 30.1 before intervention respectively and the 
mean values reduced to 29.2, 29.7 and 28.1 after interven¬ 
tion. The reduction in BMI ranged from 0.1 to 0.3 which was 
statistically significant (p<0.05) in 18years obese adolescent 
girls. The mean waist circumference of obese adolescent 
girls ranged from 91.4 to 92.3cm before intervention and had 
reduced to 90.9 to 91.9 cm with difference of 0.4 to 0.5 after 
intervention. The mean body fat percentage of obese adoles¬ 
cent girls was found to be 36.1, 36.7 and 37.8 respectively 
which reduced to 36.0, 36.5 and 37.6 respectively. 

Seventy six per cent of obese adolescent girls strongly agreed 
that the website was interesting. Eighty per cent of students 
strongly agreed that the website was an effective educational 
tool and the remaining 20 per cent students agreed on this. 79 
per cent of the students disagreed that the website required 
further changes. 

CONCLUSION 

Prevalence of metabolic syndrome among adolescent girls 
shows an alarming increase. Severe obesity, age, pubertal 
status, presence of family history of cardiovascular disease, 
type 2 diabetes, obesity and hypertension appear to be impor¬ 
tant risk factors associated with metabolic syndrome in ado¬ 
lescence. Nutrition education through the developed website 
had changed the nutritional knowledge of the selected obese 
adolescent girls, but with regard to attitude and practice no 
changes were observed. The findings from this study provide 
an internet based primary intervention strategy to increase 
awareness and promote healthy lifestyles in schools and col¬ 
leges thus preventing the problem of metabolic syndrome 
from becoming more widespread. 
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